a:link, a:visited {
 color: #FFD700;
 text-decoration: none;
}
a:hover, a:active {
 color: #FAFAD2;
 text-decoration: none;
}

body {
 font-family: 'DejaVu Sans', Calibri, Arial, sans-serif;
 color: yellow;
 background: url('../../img/themes/compsci/bg.png') no-repeat center center;
}

div#logintitle {
 background: url('../../img/themes/compsci/headers/logintitle.jpg') no-repeat center center;
}

div#yrlvltitle {
 background: url('../../img/themes/compsci/headers/choose2.gif') no-repeat center center;
}

div#mainhead {
 background: url('../../img/themes/compsci/headers/header2.gif') no-repeat left center
}

font#heading {
 font-size: 2.75em;
 font-style: bold;
 color: violet;
}

font#subheading {
 font-size: 1em;
 color: violet;
}

img.bgloginout {
 min-height: 100%;
 min-width: 800px;
 width: auto;
 height: 100%;
 position: fixed;
 top: 0;
 left: 25%;
}

p#descpara {
 font-size: 14px;
 color: white;
}

.mainpagetext {
 top: 100px;
 bottom: 100px;
 z-index: 3;
}

.textloginout {
 color: white;
 position: absolute;
 right: 17%;
 top: 78%;
 z-index: 3;
}

@media screen and (max-width: 1024px) {

 img.bgloginout {
  left: 50%;
  margin-left: -400px;
 }

 .textloginout {
  left: 25%;
 } 
 
}

/*
 * The following statements layout the
 * tabs for the settings page.
 *
 */

ol#tabs {
 height: 20px;
 list-style: none;
 margin: 0;
 padding: 0;
}

ol#tabs a {
 background: url("../../img/themes/compsci/tabsprpleb.jpg");
 color: #FFFF00;
 display: block;
 float: left;
 height: 20px;
 padding-left: 25px;
 text-decoration: none;
}

ol#tabs a:hover {
 background-position: 0 -120px;
}

ol#tabs li {
 float: left;
 margin: 0 1px 0 0;
}

ol#tabs li a.active {
 background-position: 0 -61px;
 font-weight: bold;
}

ol#tabs li a.active span {
 background-position: 100% -61px;
}

ol#tabs span {
 background: url("../../img/themes/compsci/tabsprpleb.jpg") 100% 0;
 display: block;
 height: 20px;
 padding-right: 25px;
}

ol#tabs a:hover span {
 background-position: 100% -120px;
}

div.tabcontent {
 border: #9A34FF solid 3px;
 clear: left;
 padding: 1em;
}

div.tabcontent.inactive {
 display: none;
}